사이트 내 전체검색
자바스크립트
순발력 테스트
https://cmd.kr/javascript/371 URL이 복사되었습니다.
5,921 0 2009.10.29 06:18

본문

<h3 align="center"><font color="#5100A2">[순발력 테스트]</font></h3>
<p align="center"><font color="#5100A2">시작버튼을 누른뒤 빈공간에 색상이 나타나면 <br>
  바로 멈춤 버튼을 눌러 순발력을 테스트 해<font color="#480091"> 보</font></font><font color="#480091">세요.</font></p>
<!---- 아래의 방법으로 원하는 위치에 복사 해 넣으세요 ------------------>
<div align="center">
  <script language="Javascript">
<!--

var startTime=new Date();
var endTime=new Date();
var startPressed=false;
var bgChangeStarted=false;
var maxWait=20;
var timerID;


var colors=new Array("tomato","chocolate","limegreen","crimson","darkslategray",
"aliceblue","mediumslateblue","cornflowerblue","darkorchid","darkkhaki","coral",
"darkolivegreen","cadetblue")

if (document.all||document.getElementById)
document.write('<div id="reflex" style="width:135;height:135;border:1px solid black" onClick="stopTest()"></div>')

function startTest()
{
        if (document.all)
        document.all.reflex.style.backgroundColor=colors[Math.floor(Math.random()*colors.length)];
        else if (document.getElementById)
        document.getElementById("reflex").style.backgroundColor=colors[Math.floor(Math.random()*colors.length)];
        else if (document.layers)
        document.reflexns.document.reflexns_sub.document.bgColor=colors[Math.floor(Math.random()*colors.length)];
        bgChangeStarted=true;
        startTime=new Date();
}

function remark(responseTime)
{
        var responseString="";
        if (responseTime < 0.10)
                responseString="참 잘했어요! 10점 !!";
        if (responseTime >= 0.10 && responseTime < 0.20)
                responseString="잘 했어요! 8점 !!";
        if (responseTime >=0.20 && responseTime < 0.30)
                responseString="조금만 더 잘했더라면.. 6점 !!";
        if (responseTime >=0.30 && responseTime < 0.60)
                responseString="좀 더 연습 해 보세요 4점 !!";
        if (responseTime >=0.60 && responseTime < 1)
                responseString="아직 술이 덜 깨셨나..?? 2점 !!";
        if (responseTime >=1)
                responseString="뭐야? 자지 말아요 ! 0000 점 !!!";

        return responseString;
}

function stopTest()
{
        if(bgChangeStarted)
        {
                endTime=new Date();
                var responseTime=(endTime.getTime()-startTime.getTime())/1000;
                if (document.all)
                document.all.reflex.style.backgroundColor="white";
                else if (document.getElementById)
                document.getElementById("reflex").style.backgroundColor="white";
                else if (document.layers)
                document.reflexns.document.reflexns_sub.document.bgColor="white";     
                alert("클릭속도 : " + responseTime + " 초 " + "\n" + remark(responseTime));
                startPressed=false;
                bgChangeStarted=false;
        }
        else
        {
                if (!startPressed)
                {
                        alert("먼저 시작버튼을 클릭 하세요");
                }
                else
                {     
                        clearTimeout(timerID);
                        startPressed=false;           
                        alert("이런! 색깔이 나타나면 누르셔야져..");
                }             
        }
}

var randMULTIPLIER=0x015a4e35;
var randINCREMENT=1;
var today=new Date();
var randSeed=today.getSeconds();
function randNumber()
{
        randSeed = (randMULTIPLIER * randSeed + randINCREMENT) % (1 << 31);
        return((randSeed >> 15) & 0x7fff) / 32767;
}

function startit()
{
        if(startPressed)
        {
                alert("멈춤 버튼 누를 차례에요");
                return;
        }
        else
        {
                startPressed=true;
                timerID=setTimeout('startTest()', 6000*randNumber());
        }
}
// -->
</script>
  <br>
</div>
<ilayer id="reflexns" width=135; height=135; left="427" top="8">
<center>
  <layer id="reflexns_sub" width=135; height=135; left=1 top=1 bgColor=yellow></layer>
</center>
</ilayer>
<form name="response">
  <div align="center">
    <input type="button" value="  시작  " onClick="startit()" style="font-weight:bold">
    <input type="button" value="  멈춤  " onClick="stopTest()" style="font-weight:bold">
  </div>
</form>
출처 : http://www.aircon1004.com/data/bbs/board.php?bo_table=pds1&wr_id=183

댓글목록

등록된 댓글이 없습니다.

자바스크립트
831 (11/17P)

Search

Copyright © Cmd 명령어 3.142.130.250